<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="|${#request.getContextPath()}/|"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

    <title>酒店列表</title>
</head>
<body>
    <h1>酒店列表</h1>
    <div class="row">
        <div class="container-fluid">
            <table class="table table-bordered table-hover">
                <thead class="thead-light">
                <tr>
                    <td>编号</td>
                    <td>名称</td>
                    <td>图片</td>
                    <td>城市（行政区域）</td>
                    <td>地址</td>
                    <td>品牌</td>
                    <td>操作</td>
                </tr>
                </thead>
                <tbody>
                <tr th:each="hotel : ${hList}">
                    <td th:text="${hotel.id}">编号</td>
                    <td th:text="${hotel.hotelName}">名称</td>
                    <td><img style="width: 120px; height: 90px" class="img-rounded" th:src="|/system/getImage?path=${hotel.hotelImage}|"/></td>
                    <td th:text="${hotel.city.cityName + '(' + hotel.district + ')'}" >城市（行政区域）</td>
                    <td th:text="${hotel.address}">地址</td>
                    <td th:text="${hotel.brand}">品牌</td>
                    <td><a th:href="|/system/toHotelRoom/${hotel.id}|">客房管理</a></td>
                </tr>
                </tbody>
            </table>
        </div>

    </div>



    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>